<template>
    <div class="closed-box">
        <img src="static/image/shop-closed.png"/>
        <p class="reason">{{reason}}</p>
    </div>
</template>
<script>
    export default {
        data() {
            return {}
        },
        computed: {
            reason() {
                if (this.$store.getters.getConfigParams) {
                    return this.$store.getters.getConfigParams.statusReason || "生活就像一道彩虹";
                } else {
                    return "生活就像一道彩虹";
                }
                
            }
        }
    }
</script>
<style scoped>
.closed-box {
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    height: 100%;
}
.closed-box img {
    width: 50%;
    margin-top: 5rem;
}
.closed-box .reason {
    font-size: 1rem;
    margin-top: 1rem;
}
</style>